<template>
    <div id="app">
        <loading v-show="$store.state.loading" />
        <keep-alive>
            <!-- 里面是当需要缓存时 -->
            <router-view v-if="$route.meta.isAlive" />
        </keep-alive>
        <!-- 外面是不需要缓存时 -->
        <router-view v-if="!$route.meta.isAlive" />

        <tabBar v-if="this.$route.meta.showTab"></tabBar>
    </div>
</template>
<script>
import tabBar from "./components/tabBar";
import Loading from "./views/loading";

export default {
    components: {
        tabBar,
        Loading,
    },
};
</script>
<style>
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100%;
    background-color: #efefef;
    font-size: 0.14rem;
}
html,
body {
    height: 100%;
}
html {
    font-size: 100px !important;
}
</style>
